#viewDiv {
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0px;
}
$precent: 100vw / 1920;
.ruler {
  position: fixed;
  top: 50%;
  left: 50%;
}

.esri-select {
  border: none;
  color: white;
  background: url('../../static/image/测量面板切图/测量面板选择框.png')
    no-repeat;
  background-size: 100% 100%;
  > option {
    background: #9d9e9e;
  }
}
.esri-area-measurement-3d__settings {
  width: 240px;
}
.esri-area-measurement-3d__units-label {
  color: #00f1ed;
  font-size: 15px;
}
.esri-area-measurement-3d__hint-text {
  color: #00f1ed;
}
.esri-area-measurement-3d__container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: url('../../static/image/测量面板切图/bg_测量面板.png') no-repeat;
  background-size: 100% 100%;
  height: 220px;
  width: 250px;
  padding: 0 20px;

  > section {
    width: 200px;
  }
}
.esri-area-measurement-3d__measurement {
  padding: 0px;
  background: rgba(0, 0, 0, 0);
}
.esri-area-measurement-3d__actions {
  padding: 0px 15px 15px 20px;
}
.esri-area-measurement-3d__clear-button {
  background: url('../../static/image/测量面板切图/btn.png') no-repeat;
  background-size: 100% 100%;
  padding-bottom: 20px;
  height: 40px;
  width: 210px;
  opacity: 0.8;
  color: #00f1ed;
  border: none;
}
.esri-area-measurement-3d__clear-button:hover {
  background: url('../../static/image/测量面板切图/btn.png') no-repeat;
  background-size: 100% 100%;
  height: 40px;
  width: 210px;
  opacity: 1;
  border: none;
}
.esri-area-measurement-3d__measurement-item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  color: #00f1ed;

  .esri-area-measurement-3d__measurement-item-title {
    color: inherit;
  }
  .esri-area-measurement-3d__measurement-item-value {
    color: inherit;
  }
}

// 11
.esri-direct-line-measurement-3d__settings {
  width: 240px;
}
.esri-direct-line-measurement-3d__units-label {
  color: #00f1ed;
  font-size: 15px;
}
.esri-direct-line-measurement-3d__container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: url('../../static/image/测量面板切图/bg_测量面板.png') no-repeat;
  background-size: 100% 100%;
  height: 220px;
  width: 250px;
  padding: 0 20px;

  > section {
    width: 200px;
  }
}
.esri-direct-line-measurement-3d__measurement {
  padding: 0px;
  background: rgba(0, 0, 0, 0);
}
.esri-direct-line-measurement-3d__actions {
  padding: 0px 15px 15px 20px;
}
.esri-direct-line-measurement-3d__clear-button {
  background: url('../../static/image/测量面板切图/btn.png') no-repeat;
  background-size: 100% 100%;
  padding-bottom: 20px;
  height: 40px;
  width: 210px;
  opacity: 0.8;
  color: #00f1ed;
  border: none;
}
.esri-direct-line-measurement-3d__clear-button:hover {
  background: url('../../static/image/测量面板切图/btn.png') no-repeat;
  background-size: 100% 100%;
  height: 40px;
  width: 210px;
  opacity: 1;
  border: none;
}
.esri-direct-line-measurement-3d__measurement-item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  color: #00f1ed;

  .esri-direct-line-measurement-3d__measurement-item-title {
    color: inherit;
  }
  .esri-direct-line-measurement-3d__measurement-item-value {
    color: inherit;
  }
}
// 11
.esri-popup__main-container {
  border: none;
  /* background-color: rgba(0, 0, 0, 0); */
  background: url('../../static/image/1/蜂窝弹出.png') no-repeat;
  background-size: 100% 100%;
  height: 108 * $precent;
  width: 298 * $precent !important;
}
.esri-popup__header {
  display: none;
}
.esri-popup__footer .esri-popup__footer--has-actions {
  display: none;
}
.esri-popup__footer {
  display: none;
}
.esri-popup__feature-menu {
  display: none;
}

.esri-popup__content {
  /* background: url("../../static/image/1/蜂窝弹出.png") no-repeat;
  background-size: 100% 100%;
  height: 200*$precent;
  width: 400*$precent; */

  border: none;
  background-color: rgba(0, 0, 0, 0);
}
.esri-widget {
  background-color: rgba(0, 0, 0, 0);
}

.popupContent {
  padding-top: 10px;
  text-align: left;
  div {
    height: 28 * $precent;
    line-height: 28 * $precent;
  }
  .title {
    font-size: 18px;
    color: white;
  }
  .content {
    font-style: italic;
    font-weight: 400;
    color: #fff000;
    font-size: 21px;
  }
}
.esri-popup--shadow {
  box-shadow: none;
}
.esri-popup__pointer-direction {
  background-color: #fff000;
}

.infowin {
  background: url('../../static/image/1/蜂窝弹出长脚.png') no-repeat;
  background-size: 100% 100%;
  height: 118 * $precent;
  width: 358 * $precent;
  padding-top: 20 * $precent;
  text-align: left;
  .content {
    padding-left: 60 * $precent;
    height: 30 * $precent;
    line-height: 30 * $precent;
    .title {
      font-style: '黑体';
      font-size: 18 * $precent;
      color: white;
    }
    .data {
      margin-left: 10 * $precent;
      font-style: italic;
      font-weight: 400;
      color: #fff000;
      font-size: 24 * $precent;
    }
  }
}
.esri-distance-measurement-3d__container {
  background-color: #fff000 !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
}
